<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/personchange.css">
    <!-- 引入图标的css代码 -->
    <link rel="stylesheet" href="../font/iconfont.css">
    <!-- 引入图标的js代码 -->
    <script src="../font/iconfont.js"></script>
    <!-- js -->
    <script src="../js/index.js"></script>
</head>

<body>
    <div class="main">
        <div class="self-title">
            个人设置
        </div>
        <div class="self-middle">
            <div class="nickname">
                <label for="lab">昵称：</label>
                <input class="nickname-text" type="text">
            </div>
            <div class="introduce">
                <label class="introduce-title" for="lab">介绍：</label>
                <textarea class="introduce-text" name="" id="" cols="30" rows="10"></textarea>
            </div>
            <div class="sex">
                <label for="">性别：</label>
                <div>
                    <span>
                        <input type="radio" name="gender" value="1">
                        男
                    </span>
                    <span>
                        <input type="radio" name="gender" value="2">
                        女
                    </span>
                    <span>
                        <input type="radio" name="gender" value="0">
                        保密
                    </span>
                </div>
            </div>
            <div class="birthday">
                <label for="">生日：</label>
                <div>
                    <select class="year" name="" id="">
                    </select>年</div>
                <div>
                    <select class="mouth" name="" id=""></select>月</div>
                <div>
                    <select class="day" name="" id=""></select>日</div>
            </div>
            <div class="area">
                <label for="">地区：</label>
                <div>
                    <select name="province" id="province">
                        <option class="pro-g" value="440000">广东省</option>
                        <option class="pro-h" value="430000">湖南省</option>
                    </select>
                    <select name="city" id="city-g">
                        <option value="440100">广州市</option>
                        <option value="440200">韶关市</option>
                        <option value="440300">深圳市</option>
                        <option value="440400">珠海市</option>
                    </select>
                    <select name="city" id="city-h">
                        <option value="430100">长沙市</option>
                        <option value="430400">衡阳市</option>
                        <option value="430700">常德市</option>
                        <option value="430800">张家界市</option>
                    </select>
                </div>
            </div>

        </div>
        <div class="self-bottom">
            <span></span>
            <a href="javascript:;">保存</a>
        </div>
        <div class="success">更改成功</div>
    </div>
    <footer class="g-ft">
        <div class="g-ft-set">
            <div class="l-ft">
                <div class="links">
                    <a href="javascript:;">服务条款</a>
                    <span class="line">|</span>
                    <a href="javascript:;">隐私政策</a>
                    <span class="line">|</span>
                    <a href="javascript:;">儿童隐私政策</a>
                    <span class="line">|</span>
                    <a href="javascript:;">版权投诉指引</a>
                    <span class="line">|</span>
                    <a href="javascript:;">联系我们</a>
                    <span class="line">|</span>
                    <a href="javascript:;">广告合作</a>
                    <span class="line">|</span>
                    <a href="javascript:;">廉正举报</a>

                </div>
                <div class="sup-copyright">
                    <span>网易公司版权所有©1997-2021</span>
                    <a href="javascript:;">杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</a>
                </div>
                <div class="sub-copyright">
                    <a href="javascript:;">粤B2-20090191-18 &nbsp工业和信息化部备案管理系统网站&nbsp&nbsp</a>
                    <a href="javascript:;" class="police">
                        <span class="police-logo">&nbsp;</span>
                        <span class="police-text">浙公网安备 33010902002564号</span>
                    </a>
                </div>
            </div>
            <ul class="r-ft">
                <li>
                    <a href="javasript:;" class="newlogo a-studio"></a>
                    <span class="text t-as"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo id"></a>
                    <span class="text t-id"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo musician"></a>
                    <span class="text t-musician"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo reward"></a>
                    <span class="text t-reward"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo video"></a>
                    <span class="text t-video"></span>
                </li>
            </ul>
        </div>

    </footer>
</body>

</html>